﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Style.aspx.cs" Inherits="Views_Style" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
    <script type="text/javascript" src="../ViewModels/Style.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h3>Style</h3>
<span>The style binding adds or removes one or more style values to the associated DOM element.</span>
<div>
    <div class="code">
<xmp>

<span data-bind="style:{fontFamily:'Arial',color:'red'}">Arial</span>
<span data-bind="style:{fontSize:'12px'}">Verdana</span>
<span data-bind="style:{fontFamily:'Consolas',
                textDecoration:'underline'}">Tahoma</span>

</xmp>
    </div>
</div>
<h4>Result</h4>
<div><span data-bind="style: {fontFamily:'Arial',color:'red'}">Arial</span><span data-bind="style: {fontSize:'12px'}">Verdana</span>
     <span data-bind="style: {fontFamily:'Consolas', textDecoration:'underline'}">Tahoma</span>
</div>

</asp:Content>

